<!---- SUI模板 on 2018/1/16 -->
<script ng-init="initCssAndJs()"></script>
<script ng-init="initCss('personal-information-page/css/personal-information.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="#/personal-center"></a>

    <h1 class="title">个人信息</h1>
</header>
<div class="content" ng-init="getUserInfo()">
    <div class="list-block" style="margin-top: 0rem">
        <ul>
            <li class="avatar-li">
                <div class="item-content">
                    <div class="item-inner" style="top: .2rem">
                        <div class="item-title label">头像</div>
                        <div class="fa home pull-right avatar-img">
                            <img ng-if="!userInfo.avatarImg.imgAddress"  src="page/personal-center-page/img/avatar.jpg">
                            <img ng-if="userInfo.avatarImg.imgAddress" ng-src="{{userInfo.avatarImg.imgAddress}}">

                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner" style="top: .2rem">
                        <div class="item-title label" >姓名</div>
                        <div class="item-input">
                            <div class="fa home pull-right" ng-model="userInfo.userName">{{userInfo.userName}}</div>
                        </div>
                    </div>
                </div>

            </li>
            <li>

                <div class="item-content">
                    <div class="item-inner" style="top: .2rem">
                        <div class="item-title label">昵称</div>
                        <div class="item-input">
                            <div class="fa home pull-right" ng-modle="userInfo.userNickName">{{userInfo.userNickName}}</div>
                        </div>
                    </div>
                </div>
            </li>
            <li id="sex">
                <div class="item-content">
                    <div class="item-inner" style="top: .2rem">
                        <div class="item-title label">性别</div>
                        <div class="item-input">
                            <div class="fa home pull-right" ng-model="userInfo.userSex ">
                                {{ userInfo.userSex | sexShow}}
                                <div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner" style="top: .2rem">
                        <div class="item-title label">年龄</div>
                        <div class="item-input" ng-model="userInfo.userAge">
                            <div class="fa home pull-right ">{{userInfo.userAge}}岁</div>
                        </div>
                    </div>
                </div>
            </li>

            <li>
                <div class="item-content">
                    <div class="item-inner" style="top: .2rem">
                        <div class="item-title label">邮箱</div>
                        <div class="item-input">
                            <div class="fa home pull-right " ng-model="userInfo.userEmail">{{userInfo.userEmail}}</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner" style="top: .2rem">
                        <div class="item-title label">个性签名</div>
                            <div class="fa home pull-right note"  ng-model="userInfo.userDetail">{{userInfo.userDetail}}</div>
                    </div>
                </div>
            </li>

            <a href="#/alter-information">
                <li>
                    <div class="item-content">
                        <div class="item-inner" style="top: .2rem">
                            <div class="item-title label">修改信息</div>
                            <div class="item-input">
                                <div class="fa home pull-right "><span class="fa home fa-angle-right"></span></div>
                            </div>
                        </div>
                    </div>
                </li>
            </a>
        </ul>
    </div>
    <!--内容区-->
</div>

<div ng-init="suiMobileInit('personal-information-page/js/personal-information.js')"></div>